﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>send</title>
<link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="css/themes/icon.css"/>
<link href="css/icons.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/headerfooter.css" rel="stylesheet" type="text/css" />
<link href="css/sendsms.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.bgiframe.js"></script>
<script src="js/jquery.easyui.js"></script>
<script src="js/jquery.mask.js"></script>
<script src="js/jquery.alcatel.siderbar.js"></script>
<script src="js/jquery.alcatel.sendsms.js"></script>
</head>

<body>
<div id="container">
	<div id="header">
    	<div class="logo"><img src="images/logo.gif" width="849" height="46" alt="短信网关 上海贝尔" /></div>
        <div class="toolsbar">
       		<div class="welcome">Welcome <strong>李铁</strong>(Group User)</div>
            <div class="settings"><a href="setting.html">Settings</a></div>
        </div>
    </div>
    <div id="content">
        <div class="siderbar">
        	<ul>
                <li class="first current">
                    <a href="send.html">Send SMS<div class="mark"></div></a>
                </li>
                <li class="">
                    <a href="template.html">SMS Template<div class="mark"></div></a>
                </li>
                <li>
                    <a href="address.html">Address Book<div class="mark"></div></a>
                </li>
                <li id="history">
                    <a href="#">History<div class="mark"></div></a>
                    <ul>
                        <li>
                              <a href="pending.html">Pending</a>
                        </li>
                        <li>
                             <a href="delivered.html">Delivered</a>
                        </li>
                        <li class="last">
                            <a href="failed.html">Failed</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="userscreate.html">Manage Users<div class="mark"></div></a>
                </li>
                 <li id="report">
                    <a href="#">System Report<div class="mark"></div></a>
                      <ul>
                        <li>
                            <a href="reportoverview.html">Overview</a>
                        </li>
                        <li>
                            <a href="reporthistory.html">History Report</a>
                        </li>
                        <li>
                            <a href="reportgroup.html">Group Report</a>
                        </li>
                         <li class="last">
                            <a href="reportindividual.html">Individual Report</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="maincontent" id="tabcontent">
        	<h2>Send SMS </h2>
            <div id="sendsms">
            	<div class="to">
                 <div class="tips">
                     <div class="label">Tips:</div>
                    <div class="content">请填写将要发送用户的Alias或者Email地址，多个用户以分号相隔。Email必须是正确的电子邮箱，Alias必须是存在的Email地址的别名。如：parkerz;milesch;elanzh@alcatel-sbell.com.cn</div>
                 </div>
                 <span class="label"><a href="#" class="selectto">To</a></span><span class="input">
                 <textarea name="addresslist" class="addresslist"></textarea></span><span class="plus">
                 <img src="images/icons/plus.png" width="12" height="12" alt="+" /></span>
                 <span class="lessen"><img src="images/icons/lessen.png" width="12" height="12" alt="-" /></span>
                 <span class="label"> 
                  <br />
                 
                   </span>
                 </div>
                
                  <div class="to">
                   <br />
                  <div class="tips">
                     <div class="label">Tips:</div>
                    <div class="content">选择你已有的模板</div>
                 </div>	
                <span class="label">Template:</span>
                <span class="input">
                <select class="template tipToContent" name="template"><option>模板1</option><option>模板2</option>
                </select>
                </span>
                <span class="label"> 
                  <br />
                   </span>
                </div>
                 
                <div class="to">
                   <br />
                  <div class="tips">
                     <div class="label">Tips:</div>
                    <div class="content">填写你要发送的内容</div>
                 </div>	
                <span class="label">SMS Content:</span>
                <span class="input">
                <textarea name="addresslists" class="addresslists"></textarea>
                </span>
                </div>
                <div class="button"><span class="label">&nbsp;</span><input name="sendsmsbutton" type="button" class="button" value="发送" /></div>
            </div>
        </div>
    </div>
	<div id="footer">
    	<div class="copyright">Copyright 2010 &copy; Alcatel-Lucent. All rights reserved</div>
    </div>
</div>

<div class="popupwin">
    <div id="datagrid">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <thead>
              <tr>
                  <td width="40%">Contact Name</td>
                  <td>Number</td>
              </tr>                    	
          </thead>
		 </table>
		 <div class="addresslist" >
			 <table border="0" cellspacing="0" cellpadding="0">
			  <tbody>
				  <tr>
					  <td width="40%"><input name="contactname" type="checkbox" value="Micheal1" />Micheal1</td>
					  <td>191352124</td>
				  </tr>
				  <tr>
					  <td><input name="contactname" type="checkbox" value="Micheal2" />Micheal2</td>
					  <td>191352124</td>
				  </tr>                         
				  <tr>
					  <td><input name="contactname" type="checkbox" value="Micheal3" />Micheal3</td>
					  <td>191352124</td>
				  </tr>                          
				  <tr>
					  <td><input name="contactname" type="checkbox" value="Micheal4" />Micheal4</td>
					  <td>191352124</td>
				  </tr>
				  <tr>
					  <td><input name="contactname" type="checkbox" value="Micheal5" />Micheal5</td>
					  <td>191352124</td>
				  </tr>
				  <tr>
					  <td><input name="contactname" type="checkbox" value="Micheal6" />Micheal6</td>
					  <td>191352124</td>
				  </tr>
				  <tr>
					  <td><input name="contactname" type="checkbox" value="Micheal7" />Micheal7</td>
					  <td>191352124</td>
				  </tr>                                                                                                        
			  </tbody>
			</table>
		</div>
    </div>
</div>

</body>
</html>
